<template>
    <p>父组件</p>
    <!-- 渲染子组件 -->
    <!-- @change 表示监听 change 事件 -->
    <ChildCom  :title="msg" @change="childChange"/>
</template>


<script>
//引入子组件
import ChildCom from "./ChildCom.vue";

export default {
    //注册子组件
    components:{
        ChildCom
    },

    //父子传值
    data(){
        return {
            msg:'这是父组件的'
        }
    },
    methods:{
        childChange(value){
            console.log(value);
            //接收到子组件的传递值，则更新父组件的值
            this.msg = value 
        }
    }
}
</script>